import store from '@/store'

const { body } = document
const WIDTH = 992 //默认宽度
export default {
	beforeMount() {
	  window.addEventListener('resize', this.$_resizeHandler)
	},
	beforeDestroy() {
	  window.removeEventListener('resize', this.$_resizeHandler)
	},
	mounted() {
		const isMobile = this.$_isMobile()
		if(isMobile){
			store.dispatch('app/notCollapse')
			store.dispatch('app/toggleDevice', 'mobile')
		}else{
			store.dispatch('app/isCollapse')
			
		}
		
	},
	methods: {
		$_isMobile() {
		  const rect = body.getBoundingClientRect()
		  
		  return rect.width - 1 < WIDTH
		},
		$_resizeHandler() {
			const isMobile = this.$_isMobile()
			console.log(isMobile);
			if(isMobile){
				store.dispatch('app/notCollapse')
				
			}else{
				store.dispatch('app/isCollapse')
				
			}
			store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
		   
		}
	}
}